<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <title>运行评价系统-指标配置</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <div th:include="base-libs :: base-libs"/>
    <link th:href="'/quickJs/scripts/easyui/1.5.1/themes/bootstrap/easyui.css'" rel="stylesheet"/>
    <link th:href="'/quickJs/scripts/easyui/1.5.1/themes/icon.css'" rel="stylesheet"/>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.parser.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.linkbutton.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.panel.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.resizable.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.pagination.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.datagrid.js'"></script>
    <script th:src="'/quickJs/scripts/easyui/1.5.1/plugins/jquery.treegrid.js'"></script>
    <div th:include=" header_echart_editor :: header_echart_editor "/>


    <link type="text/css" th:href="'/tjfx/styles/console/index.css'" rel="stylesheet">
    <link type="text/css" th:href="'/tjfx/styles/console/style_zbmx.css'" rel="stylesheet">
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/control-sql.js'"></script>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/res_to_option.js'"></script>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/manager_yxpjpz.js'"></script>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/control_condition_base.js'"></script>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/validater.js'"></script>
    <script type="text/javascript" th:src="'/quickJs/scripts/layui/layui.js'"></script>

    <link th:href="'/quickJs/scripts/jquery/plug-ins/bootstrap-table/bootstrap-table.min.css'" rel="stylesheet">
    <script th:src="'/quickJs/scripts/jquery/plug-ins/bootstrap-table/bootstrap-table.min.js'"></script>
    <script th:src="'/quickJs/scripts/jquery/plug-ins/bootstrap-table/bootstrap-table-zh-CN.min.js'"></script>

    <div th:include=" common_layout/layout_table :: layout_table"/>
    <div th:include=" common_layout/layout_swiper :: layout_swiper"/>
    <div th:include=" common_layout/layout_tabs :: layout_tabs"/>

    <div th:include=" common_control/chart_control/control_base :: control_base"/>
    <div th:include=" common_control/condition_control/control_condition_date :: control_condition_date"/>
    <div th:include=" common_control/condition_control/control_condition_select_base :: control_condition_select_base"/>
    <!--<div th:include=" common_control/condition_control/control_condition_select_select :: control_condition_select_select"/>-->
    <div th:include=" common_control/condition_control/control_condition_select_xzqh :: control_condition_select_xzqh"/>
    <div th:include=" common_control/condition_control/control_condition_select_jg :: control_condition_select_jg"/>
    <div th:include=" common_control/condition_control/control_condition_select_common :: control_condition_select_common"/>
    <div th:include=" common_control/condition_control/control_condition_wbsrk :: control_condition_wbsrk"/>
    <div th:include=" common_control/condition_control/control_condition_web_date :: control_condition_web_date"/>
    <div th:include=" common_control/condition_control/control_condition_button_submit :: control_condition_button_submit"/>
    <div th:include=" common_control/condition_control/control_condition_button_back :: control_condition_button_back"/>

    <div th:include=" common_control/chart_control/control_base :: control_base"/>
    <div th:include=" common_control/chart_control/control_chart_base :: control_chart_base"/>
    <div th:include=" common_control/chart_control/control_chart_common :: control_chart_common"/>
    <div th:include=" common_control/chart_control/control_chart_line :: control_chart_line"/>
    <div th:include=" common_control/chart_control/control_chart_column :: control_chart_column"/>
    <div th:include=" common_control/chart_control/control_chart_axisLine :: control_chart_axisLine"/>
    <div th:include=" common_control/chart_control/control_chart_bar :: control_chart_bar"/>
    <div th:include=" common_control/chart_control/control_chart_gridbar :: control_chart_gridbar"/>
    <div th:include=" common_control/chart_control/control_chart_pyramid :: control_chart_pyramid"/>
    <div th:include=" common_control/chart_control/control_chart_scatter :: control_chart_scatter"/>
    <div th:include=" common_control/chart_control/control_chart_funnel :: control_chart_funnel"/>
    <div th:include=" common_control/chart_control/control_chart_pie :: control_chart_pie"/>
    <div th:include=" common_control/chart_control/control_chart_radar :: control_chart_radar"/>
    <div th:include=" common_control/chart_control/control_chart_gauge :: control_chart_gauge"/>
    <div th:include=" common_control/chart_control/control_table_normal :: control_table_normal"/>
    <div th:include=" common_control/chart_control/control_table_top :: control_table_top"/>
    <div th:include=" common_control/chart_control/control_table_overview :: control_table_overview"/>
    <div th:include=" common_control/chart_control/control_table_datagrid :: control_table_datagrid"/>
    <div th:include=" common_control/chart_control/control_table_treegrid :: control_table_treegrid"/>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/chart-table.js'"></script>
    <script type="text/javascript" th:src="'/tjfx/scripts/mbpz/chart-table-top.js'"></script>
    <script type="text/javascript">
        var isZbst = true;
        $(function () {
            $("#form-content").resizable({
                grid: 30,
                resize: function (event, ui) {
                    var size = ui.size;
                    var totalHeight = $(".form-container").height();
                    var consoleHeight = totalHeight - size.height - 25;
                    $("#form-console").height(consoleHeight);
                }
            });
        });
    </script>
</head>
<body style="padding: 0px;">
<aside id="form-component" class="show perfectScrollbar sidebar-left">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#form-layout" role="tab" id="form-layout-tab" data-toggle="tab"
               aria-controls="form-layout">布局控件</a>
        </li>
        <li role="presentation">
            <a href="#form-chart" role="tab" id="form-chart-tab" data-toggle="tab"
               aria-controls="form-chart">图表控件</a>
        </li>
        <li role="presentation">
            <a href="#form-condition" role="tab" id="form-condition-tab" data-toggle="tab"
               aria-controls="form-condition">选择条件</a>
        </li>
    </ul>
    <div class="tab-content">
        <div id="form-layout" role="tabpanel" class="tab-pane fade in active" aria-labelledby="form-layout-tab">
            <ul class="widget-draggable widget-ul">
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-layout-tabs"
                         settingType="form-layout-setting">
                        <span class="title">选项卡布局</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-layout-table"
                         settingType="form-layout-setting">
                        <span class="title">表格布局</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-layout-swiper"
                         settingType="form-layout-setting">
                        <span class="title">滑块布局</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
            </ul>
        </div>
        <div id="form-chart" role="tabpanel" class="tab-pane fade in" aria-labelledby="form-chart-tab">
            <ul class="widget-draggable widget-ul">
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-scatter"
                         settingType="form-control-setting">
                        <span class="title">散点图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-line"
                         settingType="form-control-setting">
                        <span class="title">折线图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-column"
                         settingType="form-control-setting">
                        <span class="title">柱状图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-bar"
                         settingType="form-control-setting">
                        <span class="title">条形图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-axisLine"
                         settingType="form-control-setting">
                        <span class="title">多坐标轴图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-gridbar"
                         settingType="form-control-setting">
                        <span class="title">多坐标条形图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-pyramid"
                         settingType="form-control-setting">
                        <span class="title">金字塔</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-pie"
                         settingType="form-control-setting">
                        <span class="title">环形图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-pie"
                         settingType="form-control-setting">
                        <span class="title">饼状图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-gauge"
                         settingType="form-control-setting">
                        <span class="title">仪表盘</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-radar"
                         settingType="form-control-setting">
                        <span class="title">雷达图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-funnel"
                         settingType="form-control-setting">
                        <span class="title">漏斗图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-calendar"
                         settingType="form-control-setting">
                        <span class="title">日历图</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-toptable"
                         settingType="form-control-setting">
                        <span class="title">TOP列表</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-overviewtable"
                         settingType="form-control-setting">
                        <span class="title">概览表格</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-normaltable"
                         settingType="form-control-setting">
                        <span class="title">报表</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-datagrid"
                         settingType="form-control-setting">
                        <span class="title">数据表格</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-treegrid"
                         settingType="form-control-setting">
                        <span class="title">树形表格</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
            </ul>
        </div>
        <div id="form-condition" role="tabpanel" class="tab-pane fade in" aria-labelledby="form-condition-tab">
            <ul class="widget-draggable widget-ul">
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-button_submit"
                         settingType="form-control-setting">
                        <span class="title">确定按钮</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-button_back"
                         settingType="form-control-setting">
                        <span class="title">返回按钮</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-web_date"
                         settingType="form-control-setting">
                        <span class="title">WEB_时间控件</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-wbsrk"
                         settingType="form-control-setting">
                        <span class="title">文本输入框</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-date"
                         settingType="form-control-setting">
                        <span class="title">时间控件</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-select_common"
                         settingType="form-control-setting">
                        <span class="title">普通下拉框</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-select_xzqh"
                         settingType="form-control-setting">
                        <span class="title">行政区划下拉框</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
                <li>
                    <div class="predefined-widget-item" widgetType="form-widget-control-select_jg"
                         settingType="form-control-setting">
                        <span class="title">机构下拉框</span>
                        <span class="widgetMark layout-1"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</aside>
<div class="form-container">
    <div id="form-content" class="form-content widget-sortable form-widget-sortable"></div>
    <div id="form-console" class="show perfectScrollbar sidebar-bottom">
        <div class="pull-right userbtns">
            <button type="button" class="btn btn-default btn-sm" onclick="backClickHandler()">返回</button>
            <button type="button" class="btn btn-default btn-sm" onclick="saveHandler()">保存</button>
        </div>
        <ul id="settingTabs" class="nav nav-tabs" role="tablist">
            <li role="presentation">
                <a href="#form-control-setting" role="tab" id="form-control-setting-tab" data-toggle="tab"
                   aria-controls="form-control-setting">控件设置</a>
            </li>
            <li role="presentation">
                <a href="#form-layout-setting" role="tab" id="form-layout-setting-tab" data-toggle="tab"
                   aria-controls="form-layout-setting">布局设置</a>
            </li>
            <li role="presentation" class="active">
                <a href="#form-setting" role="tab" id="form-setting-tab" data-toggle="tab" aria-controls="form-setting">表单设置</a>
            </li>
        </ul>
        <div class="tab-content">
            <div id="form-control-setting" role="tabpanel" class="tab-pane fade in setting-panel"
                 aria-labelledby="form-control-setting-tab">
                <div class="alert alert-danger control-tip-select" role="alert">请选择一个控件</div>
            </div>
            <div id="form-layout-setting" role="tabpanel" class="tab-pane fade in setting-panel"
                 aria-labelledby="form-layout-setting-tab">
                <div class="alert alert-danger layout-tip-select" role="alert">请选择一个布局控件</div>
            </div>
            <div id="form-setting" role="tabpanel" class="tab-pane fade in setting-panel active"
                 aria-labelledby="form-setting-tab">
                <div class="form-setting-group">
                    <label>模板名称</label>
                    <div class="controls">
                        <input class="setting-panel-input quick-field" name="MBMC" validateProxy="notNull" label="模板名称">
                    </div>
                    <label>是否是下钻页面</label>
                    <div class="controls">
                        <select class="setting-panel-input quick-field" name="isLinkResource" label="是否是下钻页面">
                            <option value="false" selected="selected">否</option>
                            <option value="true">是</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 图片选择弹出层 -->
<div class="modal fade" id="imgModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">选择图片</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div id="imgContainer" class="row imgContainer"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="selectImgBtn" class="btn btn-primary">选择</button>
            </div>
        </div>
    </div>
</div>

<!-- 下钻页面选择弹出层 -->
<div class="modal fade" id="linkResourceModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">请选择下钻页面</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div id="linkResourceDatagridToolbar">
                        <input name="name" class="form-control" type="text" placeholder="请输入关键字查询"
                               style="width:150px;display: inline-block;">
                        <button id="linkResourceBtnQuery" class="btn btn-default" type="button">查询</button>
                    </div>
                    <table id="linkResourceDatagrid"></table>
                </div>
            </div>
            <div class="modal-footer">
                <div class="form-group">
                    <div class="input-group">
                        <input name="link_url" class="form-control" type="text" placeholder="也可以在这里输入外部链接地址">
                        <a id="linkResourceBtnYes" class="input-group-addon btn btn-default" type="button">确定</a>
                    </div>
                </div>

                <button type="button" id="linkResourceBtnRemove" class="btn btn-primary">清除下钻配置</button>
            </div>
        </div>
    </div>
</div>

</body>

<script type="text/html" id="widget-delete-btn">
    <span class="glyphicon glyphicon-trash widget-delete-btn"></span>
</script>

<!-- tabs布局 -->
<script type="text/html" id="form-widget-layout-tabs">
    <div class="form-widget-layout-wapper">
        <div layout-type="tabs" style="">
            <ul class="tabs-container">
            </ul>
        </div>
    </div>
</script>

<!-- 表格布局 -->
<script type="text/html" id="form-widget-layout-table">
    <div class="form-widget-layout-wapper">
        <div layout-type="table">
            <table class="from-layout-table" style="table-layout: fixed;">
                <colgroup>
                </colgroup>
                <thead>
                <tr></tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</script>
<!-- 滑动布局 -->
<script type="text/html" id="form-widget-layout-swiper">
    <div class="form-widget-layout-wapper">
        <div class="swiper-container" layout-type="swiper">
            <div class="swiper-wrapper">
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</script>
<!-- 组件 时间控件 -->
<script type="text/html" id="form-widget-control-web_date">
    <div style="overflow: hidden;" type="web_date" class="form-widget-control-wapper">
        <div style="width:1000%;">
            <div class="sjwd" style="float:left;margin-left:10px;">
                <a data-setting="day" href="javascript:void(0);">日</a>
                <a data-setting="month" href="javascript:void(0);">月</a>
                <a data-setting="year" href="javascript:void(0);">年</a>
            </div>
            <div style="float:left;">
                <div style="float:left;" type="startDate">
                    <span style="float:left;" class="startDateContainer dateContainer"></span>
                    <input style="width: 70%; float:left; display: inline-table;" class="layui-input startDate"
                           readonly="readonly">
                </div>

                <div style="float:left;" type="endDate">
                    <span style="float:left;" class="endDateContainer dateContainer"></span>
                    <input style="width: 70%; float:left; display: inline-table;" class="layui-input endDate"
                           readonly="readonly">
                </div>
            </div>
        </div>
    </div>
</script>
<!-- 组件 文本输入框 -->
<script type="text/html" id="form-widget-control-wbsrk">
    <div class="form-widget-control-wapper" type="wbsrk">
            <ul class="index-screen-ul">
                <li id="" class="list">
                    <div class="select-yxpjpz">
                        <div style="float:left;margin-right:20px;">
                            <span class="label-text">标题</span>
                        </div>
                        <div style="float:left;">
                            <input style="width: 120px; height:25px;" class="form-control" value="">
                        </div>
                    </div>
                    <ul class="sub-select-check">
                    </ul>
                </li>
            </ul>
    </div>
</script>
<!-- 组件 时间控件 -->
<script type="text/html" id="form-widget-control-date">
    <div class="form-widget-control-wapper">
        <ul class="index-screen-ul">
            <li class="list">
                <div class="select-box">
                    <div class="time-pick-box">
                        <div class="time-pick-gird">
                            <div class="wrap-div">
                                <label class="label-text startDate">起始时间</label>
                                <div class="select-text" id="startDate" value="2015-01-01" viewValue="2015-01-01">
                                    <span>2015</span>年<span>01</span>月<span>01</span>日
                                </div>
                            </div>
                        </div>
                        <div class="time-pick-gird">
                            <div class="wrap-div">
                                <label class="label-text endDate">终止时间</label>
                                <div class="select-text" id="endDate" value="2015-01-01" viewValue="2015-01-01">
                                    <span>2015</span>年<span>01</span>月<span>01</span>日
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</script>

<!-- 组件 普通 下拉框 -->
<script type="text/html" id="form-widget-control-select_common">
    <div class="form-widget-control-wapper" type="common">
        <ul class="index-screen-ul">
            <li id="" class="list">
                <div class="select-box">
                    <i class="icon-filter-level title-icon"
                       style="background: url('/tjfx/image/recriveImage/default_icon-filter-level') no-repeat;"></i>
                    <div class="wrap-div">
                        <span class="label-text">标题</span>
                        <select class="selectpicker" data-live-search="true"style="margin-top: 23px; width: 120px; height: 30px;">
                        </select>
                    </div>
                </div>
                <ul class="sub-select-check">
                </ul>
            </li>
        </ul>
    </div>
</script>

<!-- 组件 行政区划 下拉框 -->
<script type="text/html" id="form-widget-control-select_xzqh">
    <div class="form-widget-control-wapper " type="xzqh">
        <ul class="index-screen-ul">
            <li id="" class="list">
                <div class="select-box">
                    <i class="icon-filter-level title-icon"
                       style="background: url('/tjfx/image/recriveImage/default_icon-filter-level') no-repeat;"></i>
                    <div class="wrap-div">
                        <span class="label-text">标题</span>
                        <select class="selectpicker" data-live-search="true"style="margin-top: 23px; width: 120px; height: 30px;">
                        </select>
                    </div>
                </div>
                <ul class="sub-select-check">
                </ul>
            </li>
        </ul>
    </div>
</script>

<!-- 组件 机构 下拉框 -->
<script type="text/html" id="form-widget-control-select_jg">
    <div class="form-widget-control-wapper " type="jg">
        <ul class="index-screen-ul">
            <li id="" class="list">
                <div class="select-box">
                    <i class="icon-filter-level title-icon"
                       style="background: url('/tjfx/image/recriveImage/default_icon-filter-level') no-repeat;"></i>
                    <div class="wrap-div">
                        <span class="label-text">标题</span>
                        <select class="selectpicker" data-live-search="true"style="margin-top: 23px; width: 120px; height: 30px;">
                        </select>
                    </div>
                </div>
                <ul class="sub-select-check">
                </ul>
            </li>
        </ul>
    </div>
</script>

<!-- 组件 按钮 确定 -->
<script type="text/html" id="form-widget-control-button_submit">
    <div class="form-widget-control-wapper " type="submit">
        <div class="control-button-bar">
            <a class="control-button">确定</a>
        </div>
    </div>
</script>

<!-- 组件 按钮 确定 -->
<script type="text/html" id="form-widget-control-button_back">
    <div class="form-widget-control-wapper " type="back">
        <div class="control-button-bar">
            <a class="control-button">返回</a>
        </div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-scatter">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-line">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-column">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-bar">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-gridbar">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-axisLine">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-pyramid">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-pie">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-gauge">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-radar">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-funnel">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 图表 -->
<script type="text/html" id="form-widget-control-calendar">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>图表标题</em>
        </h4>
        <div class="echarts-div" style="text-align: center;width: 100%; height: 300px;margin: 0 auto;"></div>
    </div>
</script>

<!-- 组件 表格 -->
<script type="text/html" id="form-widget-control-normaltable">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>报表标题</em>
        </h4>
        <div class="echarts-div"
             style="text-align: center;width: 100%; margin: 0 auto;overflow-y: auto;overflow-x: hidden;">
        </div>
    </div>
</script>

<!-- 组件 数据表格 -->
<script type="text/html" id="form-widget-control-datagrid">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>报表标题</em>
        </h4>
        <div class="echarts-div"
             style="text-align: center; width: 100%; margin: 0px auto; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; position: relative; background: transparent;">
            <table class="datagrid-container" style="height: 100%;width: 100%;"></table>
        </div>
    </div>
</script>

<!-- 组件 数据表格 -->
<script type="text/html" id="form-widget-control-treegrid">
    <div class="form-widget-control-wapper chart-box">
        <h4 class="h4-title">
		<span class="round">
			<i class="title-icon icon-filter-chart"
               style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
		</span>
            <em>报表标题</em>
        </h4>
        <div class="echarts-div"
             style="text-align: center; width: 100%; margin: 0px auto; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; position: relative; background: transparent;">
            <table class="treegrid-container" style="height: 100%;width: 100%;"></table>
        </div>
    </div>
</script>

<!-- 组件 TOP表格 -->
<script type="text/html" id="form-widget-control-toptable">
    <div class="form-widget-control-wapper chart-box">
        <div class="mb-two">
            <h4 class="h4-title">
                <span class="round">
                    <i class="title-icon icon-filter-chart"
                       style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
                </span>
                <em>列表标题</em>
                <span class="span-text">TOP10</span>
            </h4>
            <div class="echarts-div"
                 style="text-align: center;width: 100%; margin: 0 auto;overflow-y: auto;overflow-x: hidden;">
            </div>
        </div>
    </div>
</script>

<!-- 组件 概览表格 -->
<script type="text/html" id="form-widget-control-overviewtable">
    <div class="form-widget-control-wapper chart-box">
        <div class="mb-two">
            <h4 class="h4-title">
                <span class="round">
                    <i class="title-icon icon-filter-chart"
                       style="background: url('/tjfx/image/recriveImage/default_icon-kpi-all') no-repeat;"></i>
                </span>
                <em>列表标题</em>
            </h4>
            <div class="echarts-div"
                 style="text-align: center;width: 100%; margin: 0 auto;overflow-y: auto;overflow-x: hidden;">
            </div>
        </div>
    </div>
</script>

</html>